<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>section1</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="carousel slide" id="carousel-first">
				<ol class="carousel-indicators">
					<li class="active" data-slide-to="0" data-target="#carousel-first">
					</li>
					<li data-slide-to="1" data-target="#carousel-first">
					</li>
                    <li data-slide-to="2" data-target="#carousel-first">
					</li>
                    <li data-slide-to="3" data-target="#carousel-first">
					</li>
					
				</ol>
				<div class="carousel-inner">
					<div class="item">
						<img src="img/it1.jpg"/>
						
					</div>
                    <div class="item">
						<img src="img/it2.jpg"/>
						
					</div>
                    <div class="item active">
						<img src="img/it3.jpg"  height="40%" width="100%"/>
						
					</div>
					<div class="item">
						<img src="img/it4.jpg" />
					</div>
				</div> <a class="left carousel-control" href="#carousel-first" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-first" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
			</div>

</body>
</html>